<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		ul{
			/*border:1px solid red;*/
			/*2.去掉内边距*/
			padding-left: 0;
			height: 40px;
			/*6.计算ul宽度*/
			width:740px;
			/*7.整体菜单居中*/
			margin:0 auto;
		}
		li{
			/*border:1px solid green;*/
			/*1.去掉小黑点*/
			list-style: none;
			/*3.所有的菜单li标签 一行显示*/
			float: left;
			/*4.设置宽高 ul  li 都设置宽高*/
			height: 40px;
			width:120px;
			/*5.文字 水平 垂直 居中*/
			text-align: center;
			line-height: 40px;
		}

		/*8.a标签的样式*/
		a{
			/*转换成inline-block，这样才可以设置宽高*/
			display: inline-block;
			/*宽高 和 li一样宽高*/
			height: 40px;
			width:120px;
			background: salmon;
			color:white;
			/*去掉下划线*/
			text-decoration: none;
		}
		/*9.鼠标悬浮效果*/
		a:hover{
			background: skyblue;
			color:salmon;
			/*....文字样式*/
		}

	</style>
</head>
<body>
	<ul>
		<li>
			<a href="">首页</a>
		</li>
		<li>
			<a href="">签名</a>
		</li>
		<li>
			<a href="">网名</a>
		</li>
		<li>
			<a href="">头像</a>
		</li>
		<li>
			<a href="">美图</a>
		</li>
		<li>
			<a href="">壁纸</a>
		</li>
	</ul>
</body>
</html>